@charset "utf-8";
body {

    background-size: cover;
}
.odiv{
    width: 100%;
    height: 100%;
}
.div_pic {
    width:80%;
    height:100%;
    text-align: center;
    margin: 0 auto;
}
.p {
    width: 200px;
    /*内边距*/
    padding:10px 10px 10px;
    margin: 30px 30px 30px;
    background:white;
    /*背景*/
    /*左移，下移，虚化*/
    box-shadow:5px 5px 4px rgba(50,50,50,0.5);
    /*相对定位*/
    position:relative;
}
/*每张图片倾斜角度*/
.p1 {
    transform:rotate(-5deg);
}
.p2 {
    transform:rotate(9deg);
}
.p3 {
    transform:rotate(14deg);
}
.p1 {
    transform:rotate(2deg);
}
.p4 {
    transform:rotate(-3deg);
}
.p5 {
    transform:rotate(8deg);
}
.p6 {
    transform:rotate(2deg);
}
.p7 {
    transform:rotate(-1deg);
}
.p8 {
    transform:rotate(1deg);
}
.p9 {

:rotate(-5deg);
}
.div_pic img:hover {
    /*旋转角度变回0*/
    transform:rotate(0deg) scale(1.5);
    z-index:1;
}
